@import 'a.less';
@import 'a.less';
#root{
  font-family: serif, serif;
}
.nihao{
  font-size: 18px;
  color: #fffggg;
  width: calc(8px -4px);
  content: "first
  second";
  line-height: 100pixels;
  heigth: 100px;
  color: red;;
  background-repeat: repeat;
  background: green;
}
a{}
a:hoverr{
  width: auto;
}
a::pseudo{
  height: auto;
}
tag{
  color: red;
}
@media screen and (unkonw){
  font-size: 16px;
}
@unknown {
  width: auto;
}
/**/
#second p{
  color: red;
}
p{
  color: blue;
}
.foo{
  font-weight: bold;

}
.foo{
  font-weight: bold;
}
.ta{
  width: 8.456em;
}
.aa{height: 8.33em; line-height: 8.33em;}
.bb,

.cc{
  height: 8.33em;

  line-height: 8.33em;
  color: #FFF000;
}
.dd{
  transform: translate(1,1);
}
.ee{
  transform: translate(1 , 1);
}
.ff{
  transform: TRANSLATE(1, 1);
  line-height: 0.5em;
  margin-left: 0px;
  width: 10PX;
  display: BLOCK;
  background-size: 0 ,0;
}
.gg{
  background-size: 0,

  0;
  WIDTH: 10px;
  height :30px; line-height: 30px;
}
.hh{
  color: pink
; top: 0;
}
.ii{
  color: #000 ;

}.jj{
  font-size: large;
 }
 a:HOVER{
   width: auto;
 }
 a::BEFORE{
   width: auto;
 }
@media screen and (MIN-WIDTH: 500px){
  color: #000;
}
@media screen and ( min-width: 500px ){
  color: #000;
}
@Media screen and ( min-width: 500px ){
  color: #000;  /**/
  /**/
    font-size: large;
  width: auto;
}